<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>洋玩易首页</title>
		<link rel="stylesheet" href="../css/common/mui.css" />
		<link rel="stylesheet" href="../css/common/common.css" />
		<link rel="stylesheet" href="../css/this/index.css" />
		<link rel="stylesheet" href="../css/common/swiper.min.css" />
	</head>
	<body>
		<nav class='index-nav bB w lH44'>
			<div class='mui-row tC w88'>
				<div class='mui-col-xs-3'>
					<h2>福利活动</h2>
					<i></i>
				</div>
				<div class='mui-col-xs-3'>
					<h2>今日上新</h2>
					<i></i>
				</div>
				<div class='mui-col-xs-3'>
					<h2>热销分类</h2>
					<i></i>
				</div>
				<div class='mui-col-xs-3'>
					<h2>红人推荐</h2>
					<i></i>
				</div>
			</div>
			<div class='dIB' style='width:calc(2% - 1px);height:1.5rem;border-right:1px solid #27292B;position:relative;top:-1.1rem;'></div>
			<div class='w10 search tC'>
				<img src="../img/index/search.png"  class='search-icon'/>
			</div>
		</nav>
		<div class='step1'></div>
		<script type='text/template' id='tpl-step1'>
			<div class='weidianBanner swiper-container'>
				<div class='swiper-wrapper'>
					{{each banner_list as list index}}
					<div class='swiper-slide {{if index == 1}}activ{{/if}}'>
						<img src="{{list.pic}}" width='100%'  class='vb'/>
						{{if list.url}}
						<button class='btn btn-black fS12 tC' data-url='{{list.url}}'>点击领取</button>
						{{/if}}
					</div>
					{{/each}}
				</div>
				<div class='swiper-pagination'></div>
			</div>
			
			<section>
				<div class='classify-title pT22 pL20 pR20 pB22 tC bT' data-nav='0'>
					<h2 class='fS19 ls1'>福利活动</h2>
					<p class='mT6 fS12 ls1'>BECOME POPULAR</p>
					<div class='hr pT10 w15'></div>
				</div>
				<div class='banner bT hr-banner'>
					<img  src='../img/index.gif' data-echo="../img/index/hongren.jpg" width='100%' style='vertical-align:bottom'/>
				</div>
			</section>
			
			<section class='flash-sale'>
				{{/*<!--标题-->*/}}
				<div class='htb pB24 pSR pT24 tC w bT'>
					<img src="../img/index/shan.png" class='dIB w4'/>
					<h2 class='cRed fS19 dIB pL14 pR14 ls1'>今日秒杀</h2>
					<img src="../img/index/shan.png" class='dIB w4'/>
				</div>
			{{/*<!--列表-->*/}}
				<ul class='htb-list mL8 mR8'>
					{{each ms_list as list}}
					<li class='bT'>
						<div class='pSR mT8 todetail' data-skuId='{{list.sku_id}}'>
							<img src='../img/index.gif' data-echo="{{list.pic}}" width='100% vb'/>
							<div class='flash-time  w65'>
								<div class='bg'></div>
								<div class='time tC lH28' id='time' data-startt='{{list.start_time}}' data-endt='{{list.end_time}}'>
										 <input type="hidden" id="st" value='{{list.start_time}}'>
					    				 <input type="hidden" id="ed" value='{{list.end_time}}'>
									<p class='dIB pR2 time-img'>
										<img src="../img/index/time.png"  class='vm pB7'/>
									</p>
									<p class='dIB cWhite  down-time'>
										<span class='qiang-text cWhite'>剩</span>
										<span class='h'>01</span><span class='mark'>:</span>
										<span class='m'>30</span><span class='mark'>:</span>
										<span class='s'>01</span>
									</p>
									<p class="cWhite dIB flash-num">&nbsp;剩余 <span>{{list.sec_true_stock}}</span>份</p>
								</div>
							</div>
						</div>
						<div class='pT13  pB5'>

						<h2 class='pB4 pR10 fS14 pT4 limit-text ls1 todetail'>
							{{if list.guojiapic != ""}}
									<img src='../img/index.gif' data-echo="{{list.guojiapic}}" class='nation-img' />
							{{/if}}
							{{list.pname}}
						</h2>
						{{if list.describe}}
						<p class='fS12 pB3 oF cDarkGrey ls1 todetail''>{{list.describe}}</p>
						{{/if}}
						<div class='flash-detail oF pSR'>
							<div class='fl'>
								<p class='cDarkGrey  fS12 lH12 mR16 fWL'>&yen;<s>{{list.market_price}}</s> <span class='ls1'>原价</span></p>
								<span class='cRed fWL pB3'><span class='fS16'>&yen;{{list.sec_price}}</span> <span class='ls1'>秒杀价</span></span>
							</div>
							<div class='fR tR pSR' style='padding: 6px 0;'>
								{{if list.sec_true_stock}}
								<button style="margin-right: 2px;" class='ms-btn cWhite btn-red mT8 lH28  bR5 fS15 ls1 tC' data-skuId='{{list.sku_id}}' data-supplierId='{{list.supplierId}}' data-warehouseType='{{list.warehouseType}}'>立即秒杀</button>
								{{else}}
								<button class='ms-btn cWhite btn-b lH28 mR16 bR5 fS15 ls1 tC'>已被抢购</button>
								{{/if}}
							</div>
						</div>
						<div>
					</li>
					{{/each}}
				</ul>
			</section>
			<section class='today t-list'>	
				<div class='classify-title pT22 pL20 pR20 pB22 tC bT' data-nav='1'>
					<h2 class='fS19 ls1'>今日上新</h2>
					<p class='mT6 fS12 ls1'>NEW TODAY</p>
					<div class='hr pT10 w15'></div>
				</div>
				<ul class='htb-list mL8 mR8'>
					{{each j_list.list as list}}
					<li class='bT' data-id='{{list.id}}' data-type='{{list.type}}' data-goodsId='{{list.goods_id}}'>
						<div class='mT8'>
							<img  src='../img/index.gif' data-echo="{{list.pic}}" width='100% vb'/>
						</div>

						<h2 class='pB6 pR10 fS14 pT6 limit-text ls1'>
							{{if list.guojia !=""}}
								<img class="nation-img"  src='../img/index.gif' data-echo="{{list.guojiapic}}" />
							{{/if}}
							{{list.title}}
						</h2>
						<p class='fS12 pB13 oF cDarkGrey ls1'>{{#list.desc}}</p>
					</li>
					{{/each}}
				</ul>
			</section>
			
			<section class='reco sens t-list'>
				{{/*<!--热销分类-->*/}}
				<section class='hot-classify'>
					<div class='classify-title pT22 pL20 pR20 pB22 tC bT' data-nav='2'>
						<h2 class='fS19 ls1'>热销分类</h2>
						<p class='mT5 fS12 ls1'>HOT CATEGORY</p>
						<div class='hr pT10 w15'></div>
					</div>
					<div class='mui-row'>
						<div class='mui-col-xs-6 bGBlack lH88 tC cWhite ls2 fS15' data-url='' cat_id="1006">休闲零食</div>
						<div class='mui-col-xs-6 bGWhite lH88 tC ls2 fS15' data-url=''  cat_id="1005">茶饮酒水</div>
						<div class='mui-col-xs-6 bGWhite lH88 tC ls2 fS15' data-url='' cat_id="1007">营养保健</div>
						<div class='mui-col-xs-6 bGBlack lH88 tC cWhite ls2 fS15' data-url='' cat_id="1009">母婴健康</div>
					</div>
				</section>
				<section class='nation-list'>
					<img src="../img/index/china.jpg" width='100%' class='vb'/>
				</section>
				<div class='classify-title pT22 pL20 pR20 pB22 tC bT' data-nav='3'>
					<h2 class='fS19 ls1'>红人推荐</h2>
					<p class='mT5 fS12 ls1'>RECOMMENDED</p>
					<div class='hr pT10 w15'></div>
				</div>
				<ul class='htb-list mL8 mR8 '>
					{{each h_list.list as list}}
					<li class='bT' data-id='{{list.id}}' data-type='{{list.type}}' data-goodsId='{{list.goods_id}}'>
						<div class='mT8'>
							<img src='../img/index.gif' data-echo="{{list.pic}}" width='100% vb'/>
						</div>

						<h2 class='pB6 pR10 fS14 pT6 limit-text ls1'>
							{{if list.guojia !=""}}
								<img class="nation-img" src='../img/index.gif' data-echo="{{list.guojiapic}}" />
							{{/if}}
							{{list.title}}
						</h2>
						<p class='fS12 pB13 oF cDarkGrey ls1'>{{#list.desc}}</p>
					</li>
					{{/each}}
				</ul>
				{{/*<!--列表数量-->*/}}
				<div class='down num-show pL9 pR9 dN'>
					<p class='list-num tC cWhite pT2' style='font-size:12px;'>0</p>
					<div class='total_num tC cWhite' style='font-size:12px;'>{{h_list.total_count}}</div>
				</div>
				<div class='down img-show dN'>
					<img src="../img/index/top.png" width="100%"/>	
				</div>
			</section>
		</script>
		<div id='body' style="display: block;" >
			<div class="redPack">
				<span class="redPack-close"></span>
				<img src="../img/index/red.png">
				<span class="redPack-price">30</span>
			</div>
		</div>
		<div class='body-img dN'>
			<img src="../img/index/newuser.png" class='img-explain'/>
			<img src="../img/icon/dele-black.png" class='dele' />
		</div>
		<script src='../js/common/jquery.min.js'></script>
		<script src='../js/common/swiper.min.js'></script>
		<script src='../js/common/swiper.animate.min.js'></script>
		<script src="../js/common/template.js"></script>
		<script src='../js/common/api.js'></script>
<!--		<script src='../js/common/loading.js'></script>-->
		<script src="../js/common/app.js"></script> 
		<script src='../js/common/echo.min.js'></script>
		<script src='../js/common/footer.js'></script>
		<script src='../js/common/header.js'></script>
		<script src="../js/script/pageControll.js"></script>
		<script src='main.js'></script>
		
	</body>
</html>
